import Vue from 'vue'
import VueRouter from 'vue-router'
const Home = () => import('@/views/home.vue')
const Basis = () => import('@/views/basis.vue')
const ScreenCapture = () => import('@/views/screen-capture.vue')
const PrivateVideoChat = () => import('@/views/private-video-chat.vue')
const LiveBroadcast = () => import('@/views/live-broadcast.vue')

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
    children: [
      {
        path: '/basis',
        name: 'basis',
        component: Basis
      },
      {
        path: '/screen-capture',
        name: 'screenCapture',
        component: ScreenCapture
      },
      {
        path: '/private-video-chat',
        name: 'privateVideoChat',
        component: PrivateVideoChat
      },
      {
        path: '/live-broadcast',
        name: 'liveBroadcast',
        component: LiveBroadcast
      }
    ]
  }
]

const router = new VueRouter({
  routes
})

export default router
